@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}

/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{/***********头部样式************/
        width: 100%;
        height: bgg(88);
        background: rgba(0,0,0,0.8);
        display: inline-block;
        font-size: 0;
        .search_box{/***************头部内容***************/
            position: relative;
            .yuan{
                width: bgg(50);
                height: bgg(50);
                background: #b60005;
                border-radius: 50%;
                margin-top: bgg(18);
                margin-left: bgg(12);
            }
            .font{
                font-size: bgg(40);
                color: #ffffff;
                position: absolute;
                top: bgg(3);
                left: bgg(18);
            }
            input{
                width: bgg(534);
                height: bgg(52);
                border: bgg(2) solid #ffffff;
                color: #ffffff;
                font-size: bgg(26.89);
                background: #1f1f1f;
                border-radius: bgg(52);
                float: right;
                line-height: bgg(52);
                padding-left: bgg(70);
                padding-right: bgg(70);
                box-sizing: border-box;
                word-break: break-all;
                margin-top: bgg(-51);
                margin-right: bgg(21);
            }
            .search{
                font-size: bgg(35);
                color: #ffffff;
                position: absolute;
                top: bgg(3);
                left: bgg(95);
            }
        }
    }
    section{/**********这里是内容样式**********/
        width: 100%;
        height: 100%;
        background: #f1f1f1;
        display: inline-block;
        margin-top: bgg(-1);
        .section{
            width: 100%;
            .window{
                width: 90.625%;
                height: bgg(249);
                background: #ffffff;
                display: block;
                margin: 0 auto;
                margin-top: bgg(35);
                text-align: center;
                h2{
//                  margin-left: bgg(15);
                    display: inline-block;
                    margin-top: bgg(20);
                    .gimc{
                        color: #b60005;
                        font-size: bgg(26.63);
                    }
                    .gimc+span{
                        color: #595757;
                        font-size: bgg(26.63);
                    }
                }
                .yiche{
//                  width: 94.625%;
//                  display: block;
                    text-align: justify;
                    color: #898989;
                    font-size: bgg(22);
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 4;
                    margin-top: bgg(15);
                    padding: 0 bgg(15);
                }
                .xiaowen{
                    color: #898989;
                    font-size: bgg(18);
                    text-align: left;
                    margin-top: bgg(17);
                    padding-left: bgg(15);
                    span:nth-child(1){
                        margin-right: bgg(28);
                    }
                }
            }
            .window_1{
                margin-top: bgg(12);
            }
        }
    }
    footer{
        /*************这里是尾部样式*************/
    }
}
